<%inherit file="../base.html"/>
<%def name="css()">
<link type="text/css" rel="stylesheet" href="/css/zTreeStyle.css" />
</%def>
<%def name="js()">
<script type="text/javascript" src="/js/jquery.ztree-2.6.js"></script>
<script>
    var zTree1, zTree2;
    $(document).ready(function(){
        zTree1 = $('#tree1').myBranch(${cargo_type_list}, 'category', 'CargoType', {})
        zTree2 = $('#tree2').myBranch(${cargo_package_list}, 'category', 'CargoPackage', {})
        zTree3 = $('#tree3').myBranch(${cargo_payment_list}, 'category', 'CargoPayment', {})
        zTree4 = $('#tree4').myBranch(${trans_type_list}, 'category', 'TransType', {})
        zTree5 = $('#tree5').myBranch(${vehicle_type_list}, 'category', 'VehicleType', {})
        zTree6 = $('#tree6').myBranch(${vehicle_body_list}, 'category', 'VehicleBody', {})
    });
</script>
</%def>
<%def name="title()">r-pac - Access</%def>
<div class='submenu' id="function-menu">
    <ul><li class='li-start'></li><li class='li-end'></li></ul>
</div>
<div class="breadcrumbs">
    <a href="/admin">Admin</a> › Category
</div>
<div id="main">
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree1.addBranch()"/>
        <ul id="tree1" class="tree"></ul>
    </div>
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree2.addBranch()"/>
        <ul id="tree2" class="tree"></ul>
    </div>
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree3.addBranch()"/>
        <ul id="tree3" class="tree"></ul>
    </div>
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree4.addBranch()"/>
        <ul id="tree4" class="tree"></ul>
    </div>
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree5.addBranch()"/>
        <ul id="tree5" class="tree"></ul>
    </div>
    <div class="boxBranch">
        <input type="button" value="Add" onclick="zTree6.addBranch()"/>
        <ul id="tree6" class="tree"></ul>
    </div>
</div>
